<?php
$string = '1234567890qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM';
$code = '<span style="color:rgb(' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ')">' . $string{mt_rand(0, strlen($string) - 1)} . '</span>';
$code .= '<span style="color:rgb(' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ')">' . $string{mt_rand(0, strlen($string) - 1)} . '</span>';
$code .= '<span style="color:rgb(' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ')">' . $string{mt_rand(0, strlen($string) - 1)} . '</span>';
$code .= '<span style="color:rgb(' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ')">' . $string{mt_rand(0, strlen($string) - 1)} . '</span>';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        body {
            background: #2885f8;
        }

        #register {
            color: #fff;
            font-size: 60px;
            font-family: "微软雅黑";
            opacity: 1;
            position: absolute;
            left: 12%;
            top: 12%;
        }

        .all {
            width: 600px;
            height: 600px;
            background: #fff;
            border: 1px;
            position: absolute;
            left: 30%;
            top: 20%;
            border-radius: 60px 60px 60px 60px;
        }

        #ZhuCe {
            outline: none;
            border: none;
            background: #2885f8;
            width: 100px;
            height: 50px;
            position: absolute;
            left: 0%;
            top: 130%;
            color: #fff;
            font-size: 20px;
            border-radius: 100px;
            cursor: pointer;
        }

        #reset {
            outline: none;
            border: none;
            background: #2885f8;
            width: 100px;
            height: 50px;
            position: absolute;
            left: 50%;
            top: 130%;
            color: #fff;
            font-size: 20px;
            border-radius: 100px;
            cursor: pointer;
        }
    </style>
</head>
<body>
<span id="register">注册!</span>
<div class="all">
    <form action="doReg.php" method='post' enctype="multipart/form-data" style="position:absolute; left:30%; top:20%;">
        <table>
            用户名：<input type="text" name="userName" id="" placeholder="姓名首字母+学号"><br>
            密码：<input type="password" name="password" id="" placeholder='请输入密码'><br>
            再次确认密码：<input type="password" name="password1" id=""><br>
            性别：<input type="radio" name="gender" value="男" checked>男<input type="radio" name="gender" value="女">女<br>
            学历：<select name="education" id="">
                <option value="小学">小学</option>
                <option value="初中">初中</option>
                <option value="高中">高中</option>
                <option value="专科">专科</option>
                <option value="本科">本科</option>
                <option value="研究生">研究生</option>
            </select><br>
            爱好：<input type="text" name="habit"><br>
            照片：<input type="file" name="photo"><br>
            个人简介：<br><textarea name="profile" id="" cols="40" rows="5"></textarea><br>

            <input id="ZhuCe" type="submit" value="注册">
            <input id="reset" type="reset" value="重置">
        </table>
    </form>
</div>
</body>
</html>